/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-11-29 17:13:10
 * @version $Id$
 */


$(function(){

var fsearch=document.getElementById("fsearch");
var nicaiya=document.getElementById("nicaiya");
    fsearch.onfocus=function(){
        nicaiya.style.display="block";
    }
    fsearch.onblur=function(){
        // setInterval(function(){
            nicaiya.style.display="none";
        // },500)
    }

    $("#fsearch").on("keyup",function(){
        getDate($(this).val());
        if($(this).val().length!=0){
            $("#nicaiya").show();
        }else{
            $("#nicaiya").hide();
        }
    })
       
        function getDate(key){
            $.ajax({
                type:"get",
                url:"http://search.mi.com/search/expand",
                data:"keyword="+key+"&jsonpcallback=?",
                dataType:"jsonp",
                success:function(data){
                    if(data.length!=0){
                        var str = [];
                        for(var i=0;i<data.length;i++){
                            var item = data[i];
                            str.push("<li data-key="+item.Key+">");
                            str.push("<a href='#'>"+item.Key),
                            str.push("<span class="+"result"+">"+ item.Rst +"件</span>");
                            str.push("</a>"),
                            str.push("</li>");
                        }
                        nicaiya.innerHTML = str.join("");
                    }
                },
                error:function(){
                    console.log("error");
                },
            });
        }
})


